草庐IT

ionic 模态窗口

全部标签

javascript - 如何通过弹出窗口获取输入并通过 javascript/jquery 将文本放入变量中

我的页面上有一个按钮。单击时应出现一个弹出框,允许用户输入文本。当按下确定/提交时,我的jscript将使用输入的数据执行一些功能。非常简单,但我就是不知道该怎么做。谢谢! 最佳答案 在最简单的形式中,您可以使用prompt(question,default):(取自w3schools:http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt)functionmyFunction(){varx;varname=prompt("Pleaseenteryourname","H

javascript - 新窗口,内容来自开启页面上的模态内容

我认为我不是很了解这个,因为我对jquery还很陌生。我有一个隐藏了3个食谱的页面。单击食谱A的链接时,它会以模式打开。我希望能够只打印食谱的内容。所以我打开一个新窗口(非模态)并尝试将食谱写入其中(取决于选择的食谱)这是我正在使用的代码$('a.new-window').click(function(){varrecipe=window.open('','RecipeWindow','width=600,height=600');$('#recipe1').clone().appendTo('#myprintrecipe');varhtml="PrintYourRecipe";rec

javascript - 如何在一段时间后自动关闭 Bootstrap 3 模态

这个问题在这里已经有了答案:Howtoautomaticallyclosethebootstrapmodaldialogafteraminute(6个答案)关闭8年前。我很难在设定的时间段后自动关闭Bootstrap模式。这是我用来在4秒内关闭模式的js代码:setTimeout(function(){$('#myModal').modal('hide');},4000);两个基本问题:(A)当加载html页面(包含模态)时,模态超时似乎甚至在模态显示之前就已运行。模式设置为在单击页面中的链接后显示。如果在页面加载时没有立即点击链接,模式只会短暂出现然后立即关闭,因为基本上超时时间是在

javascript - 在 Ionic 中哪里包含 js 库?

感谢您的宝贵时间!我正在努力让任何脚本在Ionic框架的侧边菜单启动器模板中运行。我把它们放在各处(除了它们应该在的地方,很明显)但无济于事。我试过在ionic之前加载它们,并且还使用了较低版本的jquery。我已经用jquery构建了一个不错的移动站点,我已经通过phonegap推送它并且它工作得很好,但我想使用Ionic作为个人挑战。但是,我似乎无法使用我正在使用的任何脚本。我是否将它们包含在主索引文件中?如果是,它们是否会在每个模板实例化时加载?或者我必须将它们包含在每个模板中吗?如果您可以非常具体地说明我应该将它们放在文件夹中的什么位置(如果确实有一个特定的位置)以及我应该在哪

javascript - ionic 2 : Set interval

我尝试在.ts文件中设置一个间隔,但我不明白如何在间隔中使用同一文件中的函数。解释:我的间隔设置:this.task=setInterval(function(){this.refreshData();},300);我的函数在同一个ts文件中:refreshData():void{console.log('update...');}当我在我的设备上运行时,出现此错误:04-1910:38:57.53521374-21374/com.ionicframework.app722890I/chromium:[INFO:CONSOLE(79432)]"TypeError:this.refres

javascript - ng-bootstrap 模态未显示

我在我的应用程序中使用ng-bootstrap模态来显示对话框。但是当点击按钮时,什么也没有发生,模式没有显示。在调试时它可能会发现正在调用操作,但未显示模态。这是我的app.module.tsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{TaskService}from'../app/task/task.service';import{TaskComponent}from'../app/task/task.component';import

javascript - Angularjs $window.open 弹出窗口被阻止

我正在尝试使用GithubAPI的webauthflow从AngularJS应用程序中。当我的注册表单提交时,我想打开一个新窗口将它们发送到授权页面。通常我只会在用户事件中使用window.open以确保它不会被弹出窗口拦截器捕获。在我的Angular应用程序中,我包装了一些GithubAPI和Angular服务,打开窗口的代码也放在那里。正因为如此,它被阻止了。我还尝试将它放在Controller中的一个函数中,该函数通过ng-submit被表单调用。所以问题是,是否有一种优雅的方式可以在我的服务或Controller中的某处提交的表单上打开一个新页面,或者我是否需要找到另一种方式来

javascript - 无框浏览器窗口零高度

我正在Electron中创建一个新的无框架浏览器窗口,其高度和宽度设置为0,但至少在窗口中,窗口显示有一定的宽度和高度。我也没有在里面加载任何内容。varmainWindow=newBrowserWindow({width:0,height:0,resizable:false,frame:false,center:true,show:true,'use-content-size':false,'always-on-top':true});是否可以有一个高度/宽度为0的无框窗口? 最佳答案 浏览器不允许你这样做但您可以在隐藏的ifra

javascript - 获取相对于窗口的 HTML 元素边界框的正确方法是什么?

我正在编写一个Firefox扩展。我试图将它限制为仅XUL+Javascript(没有XPCOM)。当我得到一个HTML元素的mouseover事件时,我需要在windows坐标系中得到它的边界框(即内置的XUL文档browser.xul)。显而易见的起点是在鼠标悬停事件处理程序中放置类似这样的内容:varrect=e.target.getBoundingClientRect();这很好,但是这给了我HTML文档坐标系中的矩形,它相对于HTML绘图区域的左上角。我想在这张图片附近使用panel.openPopup()显示一个xul:panel元素(但不使用预定义的popuppositi

javascript - 通过JS打开 "Inspect Element"窗口

是否有提示开发者工具控制台使用JavaScript打开的功能或方法?IE。单击页面上的某些内容,它会弹出。我假设“否”,因为我找不到它,但希望它是可能的。 最佳答案 不,这是不可能的,原因与无法在网页中使用JavaScript从本地计算机访问文件的原因相同。允许网页直接访问浏览器功能将是一个安全问题。 关于javascript-通过JS打开"InspectElement"窗口,我们在StackOverflow上找到一个类似的问题: https://stacko